<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <div class="ContainerIndent">
            <div id="j_idt14" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt14">
                <div id="j_idt14_header" class="ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all"><span class="ui-panel-title">Overlay Samples</span></div><div id="j_idt14_content" class="ui-panel-content ui-widget-content">
                <div class="ContainerIndent"><div id="j_idt16" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt16"><div id="j_idt16_content" class="ui-panel-content ui-widget-content">
                        <h3 class="hardblue">Dialog</h3><div id="j_idt18" class="ui-panelgrid ui-widget" style="border:0px none">
                            <div id="j_idt18_content" class="ui-panelgrid-content ui-widget-content ui-grid ui-grid-responsive">
                                <div class="ui-grid-row"><div class="ui-panelgrid-cell ui-grid-col-4"><button id="j_idt19" name="j_idt19" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="PF('dlg1').show();;" type="button"><span class="ui-button-text ui-c">Basic</span></button><script id="j_idt19_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt19",{id:"j_idt19",widgetVar:"widget_j_idt19"});</script></div><div class="ui-panelgrid-cell ui-grid-col-4"><button id="j_idt20" name="j_idt20" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="PF('dlg2').show();;" type="button"><span class="ui-button-text ui-c">Modal</span></button><script id="j_idt20_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt20",{id:"j_idt20",widgetVar:"widget_j_idt20"});</script></div><div class="ui-panelgrid-cell ui-grid-col-4"><button id="j_idt21" name="j_idt21" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="PF('dlg3').show();;" type="button"><span class="ui-button-text ui-c">Effects</span></button><script id="j_idt21_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt21",{id:"j_idt21",widgetVar:"widget_j_idt21"});</script></div></div></div></div><div id="j_idt22" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container"><div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"><span id="j_idt22_title" class="ui-dialog-title">Basic Dialog</span><a href="#" class="ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all"><span class="ui-icon ui-icon-closethick"></span></a></div><div class="ui-dialog-content ui-widget-content">Resistance to PrimeFaces is futile!</div></div><script id="j_idt22_s" type="text/javascript">$(function(){PrimeFaces.cw("Dialog","dlg1",{id:"j_idt22",widgetVar:"dlg1",minHeight:40});});</script><div id="j_idt24" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container"><div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"><span id="j_idt24_title" class="ui-dialog-title">Modal Dialog</span><a href="#" class="ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all"><span class="ui-icon ui-icon-closethick"></span></a></div><div class="ui-dialog-content ui-widget-content">This is a Modal Dialog.</div></div><script id="j_idt24_s" type="text/javascript">$(function(){PrimeFaces.cw("Dialog","dlg2",{id:"j_idt24",widgetVar:"dlg2",modal:true,height:"50"});});</script><div id="j_idt26" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container"><div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"><span id="j_idt26_title" class="ui-dialog-title">Effects</span><a href="#" class="ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all"><span class="ui-icon ui-icon-closethick"></span></a><a href="#" class="ui-dialog-titlebar-icon ui-dialog-titlebar-maximize ui-corner-all"><span class="ui-icon ui-icon-extlink"></span></a><a href="#" class="ui-dialog-titlebar-icon ui-dialog-titlebar-minimize ui-corner-all"><span class="ui-icon ui-icon-minus"></span></a></div><div class="ui-dialog-content ui-widget-content">This dialog has nice effects.</div></div><script id="j_idt26_s" type="text/javascript">$(function(){PrimeFaces.cw("Dialog","dlg3",{id:"j_idt26",widgetVar:"dlg3",height:"100",showEffect:"explode",hideEffect:"bounce"});});</script></div></div><script id="j_idt16_s" type="text/javascript">PrimeFaces.cw("Panel","widget_j_idt16",{id:"j_idt16",widgetVar:"widget_j_idt16"});</script>

                    <div class="EmptyBox20"/>
                    <div id="j_idt29" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt29">
                        <div id="j_idt29_content" class="ui-panel-content ui-widget-content">
                        <h3 class="hardblue">Confirm Dialog</h3>
<form id="j_idt31" name="j_idt31" method="post" action="/sentinel/overlay.xhtml" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt31" value="j_idt31" />
<span id="j_idt31:message"></span><script id="j_idt31:message_s" type="text/javascript">$(function(){PrimeFaces.cw('Growl','widget_j_idt31_message',{id:'j_idt31:message',sticky:false,life:6000,escape:true,msgs:[]});});</script><button id="j_idt31:j_idt32" name="j_idt31:j_idt32" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" data-pfconfirmcommand="PrimeFaces.bcn(this,event,[function(event){PrimeFaces.ab({s:&quot;j_idt31:j_idt32&quot;,u:&quot;j_idt31:message&quot;});return false;}]);" onclick="PrimeFaces.confirm({source:&quot;j_idt31:j_idt32&quot;,header:&quot;Confirmation&quot;,message:&quot;Are you sure, destroy The World?&quot;,icon:&quot;ui-icon-alert&quot;});return false;" type="submit"><span class="ui-button-text ui-c">Destroy the World</span></button><script id="j_idt31:j_idt32_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt31_j_idt32",{id:"j_idt31:j_idt32",widgetVar:"widget_j_idt31_j_idt32",behaviors:{click:function(ext) {}}});</script><script id="j_idt31:j_idt33_s" type="text/javascript">$(function(){PrimeFaces.cw("ConfirmDialog","widget_j_idt31_j_idt33",{id:"j_idt31:j_idt33",widgetVar:"widget_j_idt31_j_idt33",showEffect:"fade",hideEffect:"fade",global:true});});</script><div id="j_idt31:j_idt33" class="ui-confirm-dialog ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow ui-hidden-container"><div class="ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top"><span class="ui-dialog-title"></span><a href="#" class="ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all"><span class="ui-icon ui-icon-closethick"></span></a></div><div class="ui-dialog-content ui-widget-content"><span class="ui-icon ui-confirm-dialog-severity"></span><span class="ui-confirm-dialog-message"></span></div><div class="ui-dialog-buttonpane ui-dialog-footer ui-widget-content ui-helper-clearfix"><button id="j_idt31:j_idt34" name="j_idt31:j_idt34" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-confirmdialog-yes" type="button"><span class="ui-button-icon-left ui-icon ui-c ui-icon-check fa fa-check Fs14 white"></span><span class="ui-button-text ui-c">Yes</span></button><script id="j_idt31:j_idt34_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt31_j_idt34",{id:"j_idt31:j_idt34",widgetVar:"widget_j_idt31_j_idt34"});</script><button id="j_idt31:j_idt35" name="j_idt31:j_idt35" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-confirmdialog-no" type="button"><span class="ui-button-icon-left ui-icon ui-c ui-icon-close fa fa-close Fs14 white"></span><span class="ui-button-text ui-c">No</span></button><script id="j_idt31:j_idt35_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_j_idt31_j_idt35",{id:"j_idt31:j_idt35",widgetVar:"widget_j_idt31_j_idt35"});</script></div></div><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0" value="4441070983029117440:1560475513442464909" autocomplete="off" />
</form></div></div><script id="j_idt29_s" type="text/javascript">PrimeFaces.cw("Panel","widget_j_idt29",{id:"j_idt29",widgetVar:"widget_j_idt29"});</script>

                    <div class="EmptyBox20"/><div id="j_idt37" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt37"><div id="j_idt37_content" class="ui-panel-content ui-widget-content">
                        <h3 class="hardblue">Overlay Panel</h3>
<form id="form" name="form" method="post" action="/sentinel/overlay.xhtml" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="form" value="form" />
<button id="form:imageBtn" name="form:imageBtn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-right: 10px;" type="button"><span class="ui-button-text ui-c">Basic</span></button><script id="form:imageBtn_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_form_imageBtn",{id:"form:imageBtn",widgetVar:"widget_form_imageBtn"});</script><div id="form:imagePanel" class="ui-overlaypanel ui-widget ui-widget-content ui-overlay-hidden ui-corner-all ui-shadow"><div class="ui-overlaypanel-content"><img id="form:j_idt39" src="#{resource['demo:images/transformers.jpg']}" alt="" width="300" /></div></div><script id="form:imagePanel_s" type="text/javascript">$(function(){PrimeFaces.cw("OverlayPanel","widget_form_imagePanel",{id:"form:imagePanel",widgetVar:"widget_form_imagePanel",target:"form:imageBtn",hideEffect:"fade"});});</script><button id="form:carBtn" name="form:carBtn" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="margin-right: 10px;" type="button"><span class="ui-button-text ui-c">Dynamic</span></button><script id="form:carBtn_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_form_carBtn",{id:"form:carBtn",widgetVar:"widget_form_carBtn"});</script><div id="form:carPanel" class="ui-overlaypanel ui-widget ui-widget-content ui-overlay-hidden ui-corner-all ui-shadow" style="width:600px"><div class="ui-overlaypanel-content"></div></div><script id="form:carPanel_s" type="text/javascript">$(function(){PrimeFaces.cw("OverlayPanel","widget_form_carPanel",{id:"form:carPanel",widgetVar:"widget_form_carPanel",target:"form:carBtn",hideEffect:"clip",dynamic:true});});</script><input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:3" value="4441070983029117440:1560475513442464909" autocomplete="off" />
</form></div></div><script id="j_idt37_s" type="text/javascript">PrimeFaces.cw("Panel","widget_j_idt37",{id:"j_idt37",widgetVar:"widget_j_idt37"});</script>

                    <div class="EmptyBox20"/><div id="j_idt50" class="ui-panel ui-widget ui-widget-content ui-corner-all" data-widget="widget_j_idt50">
                        <div id="j_idt50_content" class="ui-panel-content ui-widget-content">

                        <h3 class="hardblue">LightBox</h3><div id="lighbox1" class="imagebox"><a href="resources/demo/images/megatron.jpg" title="Megatron">
                                <img id="j_idt53" src="#{resource['demo:images/megatron.jpg']}" alt="" style="height: 77px; width: auto; margin-right: 10px;" /></a><a href="resources/demo/images/optimus.jpg" title="Optimus Prime"><img id="j_idt55" src="#{resource['demo:images/optimus.jpg']}" alt="" style="height: 77px; width: auto; margin-right: 10px;" /></a><a href="resources/demo/images/transformers.jpg" title="Transformers Age Of Extinction"><img id="j_idt57" src="#{resource['demo:images/transformers.jpg']}" alt="" style="height: 77px; width: auto; margin-right: 10px;" /></a><a href="resources/demo/images/bee.jpeg" title="Bumblebee"><img id="j_idt59" src="#{resource['demo:images/bee.jpeg']}" alt="" style="height: 77px; width: auto;" /></a></div><script id="lighbox1_s" type="text/javascript">$(function(){PrimeFaces.cw("LightBox","widget_lighbox1",{id:"lighbox1",widgetVar:"widget_lighbox1",mode:"image"});});</script>

                        <h3 class="hardblue">Inline</h3><div id="lighbox2"><a href="#"><span style="color: #9FADB5;">Video Content</span></a>
                            <div class="ui-lightbox-inline ui-helper-hidden">
                                <object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=87780794&amp;amp;pfdrid_c=true"
                                        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
                                        codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7" height="225" width="400">
                                    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=87780794&amp;pfdrid_c=true" /></object>
                            </div></div>
                        <script id="lighbox2_s" type="text/javascript">$(function(){PrimeFaces.cw("LightBox","widget_lighbox2",{id:"lighbox2",widgetVar:"widget_lighbox2",mode:"inline"});});</script>

                        <h3 class="hardblue">IFrame</h3><div id="lighbox3" style="color: #9FADB5;"><a href="http://www.primefaces.org/" title="PrimeFaces HomePage"><span style="color: #9FADB5;">PrimeFaces HomePage</span></a></div><script id="lighbox3_s" type="text/javascript">$(function(){PrimeFaces.cw("LightBox","widget_lighbox3",{id:"lighbox3",widgetVar:"widget_lighbox3",mode:"iframe"});});</script></div></div><script id="j_idt50_s" type="text/javascript">PrimeFaces.cw("Panel","widget_j_idt50",{id:"j_idt50",widgetVar:"widget_j_idt50"});</script>

                </div></div></div>
            <script id="j_idt14_s" type="text/javascript">PrimeFaces.cw("Panel","widget_j_idt14",{id:"j_idt14",widgetVar:"widget_j_idt14"});</script>
                </div>
    </ui:define>
</ui:composition>